<ui:composition template="/modulos/index/template/default.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:define name="body" oncontextmenu="return false">
     <h:form id="frmNew" ajaxSubmit="false">
      	<p:growl id="msgSystem" showDetail="false" life="4000" escape="true"/>   
  		<p:toolbar>  
	    	<p:toolbarGroup align="left">
	    		<p:commandButton title="Regresar" 	value="Regresar" 	icon="icn_bar_back" 	action="prdt_list" ajax="false" />
		        <p:commandButton title="Guardar" 	value="Guardar" 	icon="icn_bar_save" 	actionListener="#{profesionProductivo.nativeSave}" ajax="false" />
			</p:toolbarGroup>  
  		</p:toolbar>    		
      	<p:spacer height="4px"/>
      	
      	<p:panel header="#{profesionProductivo.nombreProfesion} - Referente Productivo - Agregar">
      	<table class="form_table">
   			<tr><td><p:outputLabel for="txtTip" value="Tipo" /></td></tr>
   			<tr>
				<td>
					<p:selectOneMenu id="txtTip" value="#{profesionProductivo.tipo}" style="width:180px;">  
	         		<f:selectItem itemLabel="#{constante.OPTION_SELECT}" 	itemValue="-1" />
	         		<f:selectItem itemLabel="Capacidad Profesional" 		itemValue="1" /> 
	         		<f:selectItem itemLabel="Unidad de Competencia" 		itemValue="2" />
	         		<f:selectItem itemLabel="Realización" 					itemValue="3" />
	         		<f:selectItem itemLabel="Criterio de Realización" 		itemValue="4" />
	         		<p:ajax event="change" update=":frmNew" listener="#{profesionProductivo.setting}"/>
	    			</p:selectOneMenu>
				</td>
			</tr>
   		</table>
   		<h:panelGrid columns="1" rendered="#{profesionProductivo.tipo gt 0}">
   			
   			<p:outputLabel for="txtUnd" value="Unidad de Competencia" rendered="#{profesionProductivo.tipo gt 2}"/>
   			<p:selectOneMenu id="txtUnd" value="#{profesionProductivo.bean.nivelA}" style="width:950px;" rendered="#{profesionProductivo.tipo gt 2}">
				<f:selectItems value="#{profesionProductivo.unidadList}" var="lstUnd" itemValue="#{lstUnd.nivelA}" itemLabel="#{lstUnd.descripcion}"/>
				<p:ajax event="change" listener="#{profesionProductivo.fillRealizacion}" update="txtRea"/>
			</p:selectOneMenu>
				
   			<p:outputLabel for="txtRea" value="Realización" rendered="#{profesionProductivo.tipo eq 4}"/>
			<p:selectOneMenu id="txtRea" value="#{profesionProductivo.bean.nivelB}" style="width:950px;" rendered="#{profesionProductivo.tipo eq 4}">
				<f:selectItems value="#{profesionProductivo.realizacionList}" var="lstRea" itemValue="#{lstRea.nivelB}" itemLabel="#{lstRea.descripcion}"/>
			</p:selectOneMenu>
    		
    		<p:outputLabel for="txtDes" value="Descripción" />
   			<p:inputTextarea id="txtDes" value="#{profesionProductivo.bean.descripcion}" rows="2" cols="100" autoResize="false"/>
   			
   			<p:outputLabel for="txtRub" value="Rubro: Medios y Materiales de Producción" rendered="#{profesionProductivo.tipo eq 2}"/>
   			<p:inputTextarea id="txtRub" value="#{profesionProductivo.medios}" rows="2" cols="100" autoResize="false" rendered="#{profesionProductivo.tipo eq 2}"/>
   			<p:outputLabel for="txtRes" value="Rubro: Principales Resultados del Trabajo" rendered="#{profesionProductivo.tipo eq 2}"/>
   			<p:inputTextarea id="txtRes" value="#{profesionProductivo.resultados}" rows="2" cols="100" autoResize="false" rendered="#{profesionProductivo.tipo eq 2}"/>
   			<p:outputLabel for="txtPro" value="Rubro: Procesos Métodos y Procedimientos" rendered="#{profesionProductivo.tipo eq 2}"/>
   			<p:inputTextarea id="txtPro" value="#{profesionProductivo.procesos}" rows="2" cols="100" autoResize="false" rendered="#{profesionProductivo.tipo eq 2}"/>
   			<p:outputLabel for="txtInf" value="Rubro: Información" rendered="#{profesionProductivo.tipo eq 2}"/>
   			<p:inputTextarea id="txtInf" value="#{profesionProductivo.informacion}" rows="2" cols="100" autoResize="false" rendered="#{profesionProductivo.tipo eq 2}"/>
   		</h:panelGrid>
		</p:panel>
     </h:form>
    </ui:define>
</ui:composition>